<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>牧心农业</title>
    <link rel="stylesheet" type="text/css" href="/static/css/eui.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/mobile.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" />
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/doT.min.js"></script>
    <script src="/static/js/func.js"></script>
</head>
<body>
    <div class="content margin_top_foot">
        <header class="header fixed_top bg_mx_green"></header>
        <div class="lists"></div>
        <footer class="foot_tab fixed_bottom mx_green font_16"></footer>
    </div>
    <script type="text/template" charset="utf-8" id='list_template'>
        <div class="text_center bg_white lineheight_4 border_b">{{=it.title}}</div>
        {{for(var i=0;i<it.data.length;i++){}}
            <div class="bg_white border_b margin_b_10">
                {{for(var j=0;j<it.data[i].length;j++){}}
                <div class="border_b padding_15">
                    <div class="lineheight_2 h_justify">
                        <div>{{if(j==0){}}第{{=i+1}}天{{}}}</div>
                        <div>
                            {{if(it.data[i].length>1){}}
                            <span class="mx_green">第{{=j+1}}站</span>
                            {{}}} 
                            <span class="iconfont icon-location1 mx_green"></span> 
                            <span class="light">{{=it.data[i][j].address}}</span>
                        </div>
                    </div>
                    {{if(it.data[i][j].imgs.length){}}
                    <div class="flex_row_3 padding_v_10 border_b border_t">
                        {{for(var k=0;k<it.data[i][j].imgs.length;k++){}}
                        <div class="row_one">
                            <img src="{{=it.data[i][j].imgs[k]}}" alt="">
                        </div>
                        {{}}}
                    </div>
                    {{}}}
                    <div class="padding_v_10">{{=it.data[i][j].content}}</div>
                </div>
                {{}}}
            </div>
        {{}}}
    </script>
    <script>
        // 农家体验
//            var lists = {
//                title:"柞水三日游",
//                data:[
//                    [{address:"陕西省西安市丰裕口",imgs:["/static/images/experience1.jpg","/static/images/experience2.jpg","/static/images/experience3.jpg"],content:"第一天玩的很开心，我们公司去游玩，做的菜也很好吃，尤其生态小炒肉，太好吃了，环境特别棒，牛背梁的风景美爆了。"},{address:"陕西省西安市丰裕口",imgs:["/static/images/experience1.jpg","/static/images/experience2.jpg","/static/images/experience3.jpg"],content:"第一天玩的很开心，我们公司去游玩，做的菜也很好吃，尤其生态小炒肉，太好吃了，环境特别棒，牛背梁的风景美爆了。"}],
//                    [{address:"陕西省西安市丰裕口",imgs:["/static/images/experience1.jpg","/static/images/experience2.jpg","/static/images/experience3.jpg"],content:"第一天玩的很开心，我们公司去游玩，做的菜也很好吃，尤其生态小炒肉，太好吃了，环境特别棒，牛背梁的风景美爆了。"}],
//                    [{address:"陕西省西安市丰裕口",imgs:["/static/images/experience1.jpg","/static/images/experience2.jpg","/static/images/experience3.jpg"],content:"第一天玩的很开心，我们公司去游玩，做的菜也很好吃，尤其生态小炒肉，太好吃了，环境特别棒，牛背梁的风景美爆了。"},
//                    {address:"陕西省西安市丰裕口",imgs:["/static/images/experience1.jpg","/static/images/experience2.jpg","/static/images/experience3.jpg"],content:"第一天玩的很开心，我们公司去游玩，做的菜也很好吃，尤其生态小炒肉，太好吃了，环境特别棒，牛背梁的风景美爆了。"}]
//                ]
//            };
            var lists = <{$detail}>
            var evallist = doT.template($("#list_template").text());
            loaddata(".lists",evallist,lists)
        // 底部菜单
            loadheadbar("农家体验详情");
            loadfootbar()
    </script>
</body>
</html>
